* {
    /* *（星号）是一个​​通用选择器​​，表示​​匹配 HTML 文档中的所有元素​​*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*使元素的宽度包含 padding 和 border*/
}

html,
body {
    height: 100%;
    font-size: 12px;
    font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
    background-color: white;
    position: relative;
    /*如果子元素使用 position: absolute;，会相对于 <body> 定位*/
    display: flex;
    flex-direction: column;
    /*设置子元素垂直排列*/
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

/*导航栏*/
#header.tip-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0.02rem 0.2rem 0 rgb(101, 151, 237);
    width: 100%;
    height: 1rem;
    /* 更合理的高度 */
    display: flex;
    /* 可选：方便内部元素布局 */
    flex-direction: row;
    justify-content: center;
}

.area {
    width: 90%;
    max-width: 14.5rem;
    height: auto;
    /*防止内容在宽屏上过度拉伸*/
    display: flex;
    /*margin-left: auto; margin-right: auto 让元素在父容器中居中*/
    justify-content: space-between;
    align-items: center;
    /*将子元素沿主轴（默认水平方向）均匀分布
    第一个子元素贴紧容器起始端，最后一个子元素贴紧容器末端
    剩余子元素在中间平均分配空间*/
    position: relative;
    /*为子元素的绝对定位提供基准*/
}

/* justify-content 属性定义了如何沿着弹性容器的主轴或网格容器的行轴分配内容元素之间及其周围的空间。
这个属性有多个值，包括 center、start、end、flex-start、flex-end、space-between、
space-around 和 space-evenly 等
align-items属性来控制子项的对齐方式
 */

.fixed_header .logo-box {
    display: flex;
}

.fixed_header .nav-box {
    display: flex;
}

.fixed_header .tel-box {
    display: flex;
}

.tip-box .logo-box a {
    display: block;
    /*标签从行内元素转为块级元素*/
    width: 2rem;
    height: auto;
    cursor: pointer;
}

.tip-box a:hover img {
    /*伪类  悬停设置*/
    transform: scale(1.1);
    /* 悬停时放大1.1倍 */
    transition: transform 0.3s ease;
    /* 为 transform 属性添加平滑过渡动画 */
}

.u-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*填满容器，比例不变，可能裁剪*/
    object-position: center;
    /*当替换元素（如图片）因 object-fit 被缩放或裁剪时，控制其在容器中的对齐位置*/
}

/*义了页面中所有带有 .u-img 类容器内的 <img> 标签（图片）的通用样式*/

.tip-box .l-city {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.3rem;
}

.tip-box .l-city .now {
    cursor: pointer;
    /* 鼠标悬停时显示手型指针 */
    display: flex;
    /* 启用Flex布局 */
    justify-content: center;
    /* 内容水平居中 */
    padding: 0 0.1rem 0 0.15rem;
    /*内边距:左右不对称设计"上、右、下、左" */
    height: 0.4rem;
    /* 固定高度 */
    font-size: 0.16rem;
    font-family: Microsoft YaHei, serif;
    /* 字体设置 */
    font-weight: 400;
    color: #dd2c17;
    /* 文字红色 */
    line-height: 0.38rem;
    /*通过将 line-height 设为略小于 height 的值（0.38rem），文字会上移一点，达到视觉居中的效果；*/
    border: #dd2c17 solid 0.01rem;
    /* 红色实线粗细为0.01rem的边框  */
    border-radius: 0.2rem;
    /* 圆角（实现胶囊形状） */
}

.tip-box .l-city i {
    width: 0;
    height: 0;
    /*元素本身不占空间，完全由边框构成*/
    border: 0.07rem solid transparent;
    /* 所有边框透明 */
    border-top-color: #dd2c17;
    /* 只显示顶部红色边框 */
    transform: translateY(0.17rem);
    /*将整个三角形向下移动 0.17rem，使其与文字的垂直中心对齐*/
    margin-left: 7px;
    /*在箭头左侧添加 7px 的间距，与前面的文字（如 “全国”）保持距离*/
    vertical-align: middle;
    /*确保箭头与文字的中线对齐，而不是底部对齐。
    常用于行内元素或表格单元格，相对于父元素的基线或中线对齐。*/
}

/*最终效果红色倒三角，表示可以下拉选择城市*/

.city-out-box {
    display: none;
    /* 初始隐藏 */
    position: absolute;
    /* 相对于 .now（父元素）定位 */
    z-index: 10001;
    /* 提高层级，避免被其他元素遮挡（比 header 的 z-index 10000 高） */
    flex-wrap: wrap;
    top: 1rem;
    left: 2.13rem;
    width: 5rem;
    padding: 0.1rem;
    box-shadow: 0 0.05rem 0.1rem 0 #c4c4c4;
    /* 阴影显示 */
    border-radius: 0.05rem;
    background: #fefeff;
    /* 白色背景，与页面区分 */
}

/*这段 CSS 代码定义了一个城市选择下拉菜单的样式，
它默认隐藏，在需要时显示为一个带阴影和圆角的浮动容器。*/

ul li {
    list-style-type: none;
}

.tip-box .l-city .l-city-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.tip-box .l-city .l-city-box a {
    transition: 0.2s;
    width: 0.8rem;
    height: 0.4rem;
    padding: 0.08rem 0.0 .08rem;
    line-height: 0.25rem;
    background: #FFFFFF;
    color: #333333;
    font-size: 0.14rem;
    text-align: center;
}

.tip-box .l-city .l-city-box a:hover {
    background-color: #c9c8c8;
    color: #dd2c17;
}

.tip-box .nav-box {
    height: 1rem;
    width: auto;
    /*固定高度与宽度*/
}

/*定义了导航栏中右侧菜单区域（.nav-box）的布局规则，
主要功能是将导航菜单定位到右侧，并控制其尺寸和间距*/

/*首页  猎头服务  管理咨询.............*/

.tip-box .nav-box {
    /*margin-left: 2%;
    margin-right: auto;*/
    height: 1rem;
    width: 52%;
    margin-left: auto;
    margin-right: auto;
}

.tip-box .nav-box .nav {
    list-style-type: none;
    /*列表样式*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 12px;
    /*确保 .nav 元素的高度撑满父容器*/
}

/*导航右侧菜单的垂直居中和水平均匀分布*/


.tip-box .nav-box .nav .nav-item {
    height: 100%;
    text-align: center;
    position: relative;
    white-space: nowrap;
    /*强制文本在一行内显示，不换行。
    即使文本内容超出元素的宽度，也不会自动换行，
    而是会溢出到元素外部。*/
    width: auto;
    /* 自动宽度 */
    min-width: 80px;
    /* 最小宽度，防止过窄 */
}

/*单个菜单项（.nav-item）的样式规则，
主要控制菜单项的尺寸、对齐方式和定位。*/

.tip-box .nav-box .nav .nav-item .nav-link {
    display: block;
    /*将链接转换为块级元素，使其宽度自动撑满父容器*/
    font-size: 0.22rem;
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: 400;
    color: #393939;
    line-height: 1rem;
    /*：当 line-height 等于元素高度时，单行文本会自动垂直居中*/
}

/*定义了导航栏中菜单项链接（.nav-link）的具体样式，*/

.tip-box .nav-box .nav .nav-link::after {
    content: "";
    display: block;
    /*块级元素的特性是 “独占一行”*/
    height: 0.03rem;
    background: #dd2c17;
    border-radius: 0.01rem;
    /*下划线圆角，使其边缘更柔和*/
    opacity: 0;
    /*下划线完全透明，不可见*/
    width: 0;
    /*下划线宽度为 0，不占据空间。*/
    position: absolute;
    /*脱离文档流*/
    left: 20%;
    bottom: .1rem;
    /*下划线距离 .nav-item 底部 0.1rem*/
    /*脱离文档流后，精准定位到元素底部的固定位置*/
    transition: all 0.3s ease;
    /* 增加过渡，让动画更流畅 */
    z-index: 10002;
}

/*使用 伪元素（::after） 为导航栏菜单项创建了一个下划线动画效果，默认隐藏，
在交互时（如悬停）显示。*/

.tip-box .nav-box .nav .nav-link:hover::after {
    width: 70%;
    /* 下划线展开宽度由0到70%，也可以按需调整 */
    opacity: 1;
    /* 显示下划线 */
    transition: all 0.3s ease;
    /* 动画过渡，让展开更丝滑 */
}

.tip-box .nav-box .nav .nav-item .hot {
    width: .26rem;
    height: .16rem;
    position: absolute;
    /*脱离文档流*/
    top: .18rem;
    right: -.08rem;
    /*右上角的效果*/
}

.tip-box .nav-box .nav .sub-box {
    position: absolute;
    width: 215%;
    /*宽度为其 “定位参考父元素” 宽度的 215%*/
    background: rgba(254, 253, 255, 0.8);
    padding: .25rem .15rem;
    top: .92rem;
    display: none;
    /*默认隐藏子菜单*/
    text-align: center;
    left: 50%;
    /*先偏移到中线*/
    margin-left: -107.5%;
    /*取 -107.5% 让子菜单整体居中*/
    /*“先偏移到中线，再拉回自身一半” 的方式，
    让子元素相对于父元素的中线对称，实现水平居中。*/
    z-index: 10001;
}

/*控制导航栏菜单项下方的子菜单（或下拉内容）的外观和位置*/

.tip-box .nav-box .nav .nav-item:hover .sub-box {
    display: block;
    /*悬停显示*/
}

.tip-box .nav-box .nav .sub-box a {
    font-size: .14rem;
    /*字体大小*/
    padding: .06rem .05rem;
    /*内边距*/
    display: block;
    /*块级*/
}

/*悬停改变颜色*/
.tip-box .nav-box .nav .nav-item .sub-box a:hover {
    color: #dd2c17;
}

.tip-box .tel-box .nav {
    display: flex;
    align-items: center;
}

/*电话相关导航区域*/

.tip-box .tel-box .nav .nav-item {
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, sans-serif;
    font-weight: 400;
    color: #393939;
    line-height: 0.38rem;
    /*设置行高，让文字在垂直方向有合适的间*/
    margin-right: 0.2rem;
    /*给每个 .nav-item 右侧设置 0.2rem 的外边距*/
}

.tip-box .tel-box .nav .nav-item .wx {
    width: 24px;
    /*固定微信图标的宽度为 24px*/
    height: auto;
    margin-right: 0.1rem;
}

.u-img img {
    display: block;
    width: 100%;
    /*图片宽度撑满父容器*/
    height: auto;
    /*高度自适应，保持原始宽高比，防止图片变形*/
    object-fit: cover;
    /*当图片宽高比与父容器不一致时，裁剪图片并居中显示*/
    object-position: center;
}

.tel-box .nav .nav-item .erwei {
    width: 1.56rem;
    height: 1.95rem;
    /*二维码悬浮层的宽和高*/
    transition: all 0.3s;
    /*为悬浮层添加过渡动画*/
    border: 0.01rem solid #6e6e6e;
    /*给悬浮层设置灰色细边框*/
    border-radius: 0.15rem;
    /*圆角*/
    position: absolute;
    top: -2rem;
    /*“向上偏移、超出可视区域隐藏”*/
    z-index: 100;
    /*确保它显示在其他元素（如导航栏文字、图标）的上方*/
    box-shadow: 0 0 0.13rem .05rem rgba(95, 95, 95, 0.25);
    overflow: hidden;
    /*隐藏悬浮层超出内容框的部分*/
}

.tel-box .nav .nav-item:hover .erwei {
    top: 0.9rem;
    /* 从 -2rem 移动到可见位置 */
}

/*微信二维码四周是透明的，所以看起来好像没有占满父元素*/
.tel-box .nav .nav-item .erwei img {
    display: block;
    width: 100%;
    height: auto;
}

.tel-box .nav .erwei .text {
    background: linear-gradient(115deg, #ff7200, #ff4200, #cd281f);
    /*从左到右倾斜 115° 的线性渐变背景*/
    font-size: 0.16rem;
    font-family: SourceHanSansCN, serif;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.4rem;
    /* 垂直居中 */
    text-align: center;
    /* 水平居中 */
}

.tip-box .tel-box .nav .nav-item .dh {
    width: 24px;
    margin-right: 0.1rem;
}

/*-------------------轮播图----------------------*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
    height: auto;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    /* 防止放大后的图片溢出容器 */
}

/*---------------为什么有两张图片重叠的阴影---------------*/
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}


@keyframes mymove {

    /* 开始状态（0%） */
    0% {
        transform: scale(1);
        /* 初始不缩放（scale=1） */
    }

    /* 结束状态（100%） */
    100% {
        transform: scale(1.1);
        /* 放大到 1.1 倍 */
    }
}

/* 2. 应用动画到元素 */
.swiper_img {
    animation: mymove 10s infinite alternate;
    /* 
    animation: 动画名 时长 循环次数 方向; 
    infinite: 无限循环；alternate: 来回播放（放大→缩小→放大…）
  */
}

.swiper-pagination {
    position: absolute;
    bottom: 0.2rem;
    --swiper-pagination-color: red;
}

.banner_container .banner-text {
    width: 70%;
    position: absolute;
    box-sizing: border-box;
    opacity: 0;
    z-index: 100000;
    top: 30%;
    left: 10%;
}


.banner-text {
    opacity: 0;
    /* 完全透明（隐藏） */
    transform: translateX(-18px);
    /* 向左偏移18px */
    transition: opacity 1.5s ease-in-out 0.3s, transform 1.5s ease-in-out 0.3s;
    /* 声明过渡效果：
     - opacity 和 transform 属性变化时触发过渡
     - 过渡时长 1.5秒
     - 延迟0.15秒
     - 缓动函数 ease-in-out（先慢后快再慢） */
}

.swiper-slide-active .banner-text {
    opacity: 1;
    /* 完全可见 */
    transform: translateX(0);
    /* 回到原始位置 */
}

.banner-text .area {
    position: relative;
    /* 让子元素在容器内垂直排列，可根据需求调整 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* 水平居中 */
}

.banner-text .area img {
    display: block;
}


.banner_container .swiper-slide .area .banner-link {
    width: 2.65rem;
    box-shadow: 0 0 0.1rem 0 rgba(221, 44, 23, 0.51);
    transition: all 0.3s;
    background: linear-gradient(90deg, #ec3a14 0%, #ff7108 100%);
    display: table;
    text-align: center;
    font-size: 0.2rem;
    padding: 0 0.4rem;
    height: 0.52rem;
    border-radius: 0.26rem;
    line-height: 0.52rem;
    color: #fff;
    margin-top: 0.65rem;
}


/*     关于我们     */
.p8 {
    padding: .8rem 0;
}

.cont-1 {
    max-width: 14.5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 0.2rem;
}

.cont-1 .index_title {
    font-size: .44rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: .45rem;
    display: block;
}


.flex {
    display: flex;
    justify-content: space-between;
}


.cont-1 .cont1-left {
    width: 50%;
}

.cont-1 .cont1-left {
    display: flex;
    flex-direction: column;
    /* 子元素垂直排列 */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-weight: bold;
    font-size: 14px;
}


h2 {
    font-size: 1.5em;
    /* 
    逻辑属性，设置块级方向（垂直方向）起始位置的外边距（类似 margin-top），值为 0.83em，
    用于控制 h2 与上方元素的垂直间距，适配不同书写模式（如从右到左排版等场景） 
  */
    margin-block-start: 0.83em;
    /* 
    逻辑属性，设置块级方向（垂直方向）结束位置的外边距（类似 margin-bottom），值为 0.83em，
    控制 h2 与下方元素的垂直间距 
  */
    margin-block-end: 0.83em;
    /* 
    逻辑属性，设置内联方向（水平方向）起始位置的外边距（类似 margin-left），值为 0px，
    控制 h2 与左侧元素的水平间距 
  */
    margin-inline-start: 0px;
    /* 
    逻辑属性，设置内联方向（水平方向）结束位置的外边距（类似 margin-right），值为 0px，
    控制 h2 与右侧元素的水平间距 
  */
    margin-inline-end: 0px;
    font-weight: bold;
    /* 
    用于控制文本的双向排版隔离，当页面中存在不同书写方向的文本
    （如同时有中文和阿拉伯文）时，
    确保文本按照各自的方向规则排版，避免相互干扰 
  */
    unicode-bidi: isolate;
}

.cont-1 .cont1-left .cont1-title h2 {
    font-size: .7rem;
    /* 字体加粗，让标题更醒目 */
    font-weight: bold;
    /* 将文字转换为全大写形式，用于统一标题的文本格式 */
    text-transform: uppercase;
    background-image: linear-gradient(to bottom, #f8e2e1, #fff);
    /* 仅针对 WebKit 内核浏览器（如 Chrome、Safari），将背景裁剪为文字的形状，
  使背景渐变仅在文字区域显示，是实现渐变文字的关键属性  */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -0.7rem;
}

.cont-1 .cont1-left .cont1-title h5 {
    font-size: .5rem;
    /* 设置字体大小，单位为 rem，适配不同设备屏幕 */
    font-weight: bold;
    /* 字体加粗，让文字更醒目 */
    line-height: .11rem;
    /* 行高设置，控制文字行与行之间的垂直间距 */
    margin-top: -0.2rem;
    /* 负的上边距，用于微调 h5 标签的垂直位置，可能实现与其他元素紧凑排版 */
}

h5 {
    display: block;
    /* h5 标签默认就是块级元素，这里显式设置强化语义或统一规范 */
    font-size: 0.83em;
    /* 字体大小设置，单位 em 相对父元素字体大小，实现响应式的字体缩放 */
    margin-block-start: 1.67em;
    /* 逻辑属性，设置块级方向（垂直方向）起始外边距，类似传统的 margin-top，适配不同书写方向排版 */
    margin-block-end: 1.67em;
    /* 逻辑属性，设置块级方向（垂直方向）结束外边距，类似传统的 margin-bottom */
    margin-inline-start: 0px;
    /* 逻辑属性，设置内联方向（水平方向）起始外边距，类似传统的 margin-left */
    margin-inline-end: 0px;
    /* 逻辑属性，设置内联方向（水平方向）结束外边距，类似传统的 margin-right */
    font-weight: bold;
    /* 字体加粗，强化 h5 标题的视觉表现 */
    unicode-bidi: isolate;
    /* 用于控制文本的双向排版隔离，当存在不同书写方向文本（如同时有中文和阿拉伯文等）时，保障各自按规则排版，避免干扰 */
}

.cont-1 .cont1-left .cont1-title i {
    width: 37px;
    height: 4px;
    background: #cd281f;
    display: block;
    margin: .4rem 0 .18rem 0;
}

.cont-1 .cont1-left .cont1-title p {
    font-size: .21rem;
    color: #cd281f;
    font-style: italic;
    font-weight: bold;
}

.cont-1 .cont1-left .cont1-des {
    font-size: .142rem;
    color: #333;
    line-height: 26px;
    text-align: justify;
    margin-top: .23rem;
}

.cont-1 .cont1-left .cont1-des p {
    text-indent: 2em;
    /*用于设置段落首行的缩进距离*/
}

.digital {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    text-align: center;
    margin-top: .2rem;
}

.digital li {
    font-size: .17rem;
    color: #333;
    /* width: 25%; */
}

.digital li p {
    color: #cb271b;
}

.digital li strong {
    font-size: .45rem;
    font-weight: normal;
    font-style: italic;
    margin-right: .06rem;
}

.digital li i {
    font-size: .2rem;
    margin-left: 5px;
    font-style: normal;
}

.digital li em {
    font-size: .2rem;
    font-style: normal;
}

li {
    list-style-type: none;
}

/* about us 轮播图*/
.cont-1 .cont1-right {
    width: 42%;
    height: 70%;
    /*height: 5.1rem;*/
    /* 固定高度，若图片比例不同，会强制裁剪 */
    overflow: hidden;
    margin-top: -0.1rem;
}

.cont-1 .cont1-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 裁剪图片适配容器，可能导致只显示局部 */
}

.cont1-right .swiper-button-next {
    color: rgb(255, 255, 255);
    width: .7rem;
    /* 按钮宽度 */
    height: .6rem;
    /* 按钮高度 */
    background: #cd281f;
    /* 暗红色背景 */
    position: absolute;
    /* 绝对定位，脱离文档流 */
    right: 0;
    /* 靠右对齐 */
    border-top-left-radius: 10px;
    /* 左上角圆角 */
    border-bottom-left-radius: 10px;
    /* 左下角圆角 */
}

/*引入alicdn*/
@font-face {
    font-family: "iconfont";
    src: url('//at.alicdn.com/font_4463553_gi1npybb3m.woff2?t=1718179738943') format('woff2');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cont1-right .swiper-button-next .iconfont {
    font-size: .5rem;
    color: #fff;
}

.icon-youjiantou:before {
    content: "\e612";
}

/*去掉轮播图原有的箭头
会直接隐藏 ::after 伪元素，
使其不渲染，从而移除默认箭头。
但按钮本身swiper-button-next仍然存在*/
.cont1-right .swiper-button-next:after {
    display: none;
}

/*    专业团队，服务全国      */
.cont-2 .area {
    max-width: 14.5rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}

.cont-2 {
    position: relative; /* 为伪元素提供定位基准 */
    background: url(../image/qiansebeijn1.png) no-repeat 100% 100%;
    background-size: cover;
    padding: 0.5rem 0;
    width: 100%;
}

/* 叠加半透明白色遮罩 */
.cont-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3); /* 最后一个值0.3是透明度，0-1之间调整 */
    z-index: 1; /* 确保遮罩在背景图上方 */
}

/* 如果容器内有内容，需要让内容在遮罩上方显示 */
.cont-2 > * {
    position: relative;
    z-index: 2;
}

.index_title {
    font-size: .44rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: .45rem;
    display: block;
}



.cont-2 .container {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 40px;
        padding: 50px 20px;
         flex-wrap: wrap; 
  /* 均匀分布，两侧贴边 */
  justify-content: center; 
  /* 可选：让卡片垂直居中 */
  align-items: flex-start; 
    }

   .cont-2 .card {
  /* 前 3 个卡片占比：每行最多放 3 个 */
  width: calc(33.333% - 20px); 
  /* 防止内容挤压（按需） */
  box-sizing: border-box; 
}

/* 第 4、5 个卡片（后两个）单独调整宽度，让它们占一行两个 */
.cont-2 .card:nth-child(4),
.cont-2 .card:nth-child(5) {
  /* 每行放 2 个，可根据设计调整间距 */
  width: calc(50% - 20px); 
  margin-top: 20px;
}
.cont-2 .card {
        background-color: #f2f2f2;
        border-radius: 15px;
        padding: 60px 20px 20px;
        width: 280px;
        text-align: center;
        position: relative;
    }
.cont-2 .icon-circle {
        width: 80px;
        height: 80px;
        background-color: #c40d23;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 36px;
        color:#ffffff;
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
    }

.cont-2 .title {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 10px;
    }

.cont-2 .text {
        font-size: 14px;
        line-height: 1.8;
        color: #333;
    }

.cont-2 .text {
  transition: all 0.3s ease;
}

.cont-2 .card:hover .text {
  transform: translateY(-3px); 
  color: #c00; /* 悬浮变色，呼应品牌 */
}

.cont-2 .icon-circle img {
        width: 40px;
        height: 40px;
    }


.cont2_item_container {
    display: block;
}

.cont2_item_container .cont2_list.active {
    width: 40%;
    height: 3.8rem;
    background: url(../image/ad-bg.png) no-repeat 100% 100%;
    background-position: right bottom;
    background-size: cover;
    border-radius: 10px;
}

.cont2_item_container .cont2_list {
    background: url(../image/ad1.jpg) no-repeat 100% 100%;
    background-position: left top;
    background-size: cover;
    height: 3.8rem;
    cursor: pointer;
    width: 18.3%;
    float: left;
    transition: .5s;
    position: relative;
    margin-right: 2%;
    border-radius: 10px;
    padding: .32rem .25rem;
    color: #fff;
}

.cont2_item_container .cont2_list .cont2_top h5 {
    font-size: .24rem;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-weight: bold;
    font-size: 14px;
}


.cont2_item_container .cont2_list .cont2_top h6 {
    font-size: .18rem;
    font-weight: normal;
    margin-top: .03rem;
}

.cont2_item_container .cont2_list .cont2_bottom {
    margin-top: .6rem;
    opacity: 0;
    /* 关键：默认隐藏详情区域 */
}

.cont2_item_container .cont2_list .cont2_bottom .cont2_des {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .15rem .2rem;
    font-size: .145rem;
}

.cont2_item_container .cont2_list .cont2_bottom .cont2_des p .iconfont {
    vertical-align: middle;
    margin-right: .05rem;
}

.cont2_item_container .cont2_list .cont2_bottom .cont2_tel {
    width: 2.1rem;
    height: .46rem;
    background: #fff;
    border-radius: 50px;
    color: #cd281f;
    text-align: center;
    line-height: .46rem;
    margin-top: .45rem;
    font-size: .163rem;
}

.cont2_item_container .cont2_list .cont2_bottom .cont2_tel a {
    color: #cd281f;
    display: block;
}

.cont2_item_container .cont2_list .cont2_bottom .cont2_tel .iconfont {
    font-size: .2rem;
    vertical-align: middle;
}

/* 第 2、3、4 张卡片类似，设置不同背景图 */
.cont2_item_container .cont2_list:nth-child(2) {
    background: url(../image/ad2.jpg) no-repeat 100% 100%;
    background-position: left top;
    background-size: cover;
}

.cont2_item_container .cont2_list:nth-child(3) {
    background: url(../image/ad3.jpg) no-repeat 100% 100%;
    background-position: left top;
    background-size: cover;
}

.cont2_item_container .cont2_list:nth-child(4) {
    background: url(../image/ad4.jpg) no-repeat 100% 100%;
    background-position: left top;
    background-size: cover;
}

.cont2_item_container .cont2_list:last-child {
    margin-right: 0;
}

.cont2_item_container .cont2_list.other {
    width: 13%;
    /* 比 active 卡片窄，视觉上弱化 */
    border-radius: 10px;
}

.cont2_item_container .cont2_list:nth-child(2):hover {
    /* 悬停时切换为 ad.jpg */
    background-image: url("../image/ad-bg.png");
}

.cont2_item_container .cont2_list:nth-child(3):hover {
    /* 悬停时切换为 ad.jpg */
    background-image: url("../image/ad-bg.png");
}


.cont2_item_container .cont2_list:nth-child(4):hover {
    /* 悬停时切换为 ad.jpg */
    background-image: url("../image/ad-bg.png");
}

.cont-2 {
    margin-bottom: 0rem;
}

/*---------三商---------*/
.linian .container {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 40px;
        padding: 50px 20px;
    }
.linian .card {
        background-color: #f2f2f2;
        border-radius: 15px;
        padding: 60px 20px 20px;
        width: 280px;
        text-align: center;
        position: relative;
    }
.linian .icon-circle {
        width: 80px;
        height: 80px;
        background-color: #c40d23;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 36px;
        color:#ffffff;
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
    }

.linian .title {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 10px;
    }

.linian .text {
        font-size: 14px;
        line-height: 1.8;
        color: #333;
    }

.linian .text {
  transition: all 0.3s ease;
}

 .card:hover .text {
  transform: translateY(-3px); 
  color: #c00; /* 悬浮变色，呼应品牌 */
}

 .icon-circle img {
        width: 40px;
        height: 40px;
    }


.linian {
    background: url(../image/qiansebeijn1.png) no-repeat 100% 100%;
    background-size: cover;
    padding: 1.5rem 0;
    width: 100%;
}

.linian .container {
        display: flex;
        align-items: center;
        gap: 120px;
        justify-content: center;
    }
    .linian .block {
        background: linear-gradient(to bottom right, #e53935, #e57373);
        width: 140px;
        height: 140px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        font-weight: bold;
        color: white;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .linian ul {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 20px;
    }
    .linian ul li {
        margin: 10px 0;
    }

    .linian .pill{
        display: flex;
        flex-direction: column; /* 垂直排列 */
        gap: 10px; /* 每个胶囊之间的间距 */
    }
  .linian .pill li {
    padding: 6px 14px 7px;
    border-radius: 999px;
    background: linear-gradient(135deg, #fff, #f9f9f9);
    /* 外投影加深、扩大一点 */
    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.15),  /* 主阴影 */
        0 1px 2px rgba(0, 0, 0, 0.08);   /* 辅助阴影 */
    border: 1px solid rgba(0,0,0,0.05); /* 柔和的边框，减少压扁感 */
}

  .linian .pill li::before{
    content:"";display:inline-block;vertical-align:middle;
    height:10px;border-radius:50%;
    background:linear-gradient(135deg,var(--accent),var(--accent-2));
  }


  /* 业务覆盖 专业方案 */

/* 业务板块整体容器 */
#business {
    margin: 0 auto; 
    margin-bottom: 20px;
    max-width: 14.5rem;
    justify-items: center;
  padding: 40px 0; /* 上下内边距，可根据需要调整 */
}

.index_title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 30px;
}

.row {
  display: flex;
  gap: 20px; /* 板块之间的间距 */
  justify-content: center; /* 让板块水平居中分布，也可根据需求改 space-between 等 */
}

.col {
  flex: 1;
  min-width: 280px; /* 保证最小宽度，防止过窄 */
}

/* 单个业务服务容器 */
.service {
  position: relative;
  overflow: hidden;
  border-radius: 8px; /* 圆角，可根据喜好调整 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* 轻微阴影增加层次感 */
  cursor: pointer;
}

.service img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease; /* 图片缩放过渡 */
}

/* 内容遮罩层 */
.service .content {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.4s ease;
}

.service .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 12px;
}

.service .line {
  width: 2px;
  height: 25px;
  background: #fff;
  margin: 8px 0;
  transition: transform 0.4s ease;
}

.service .title {
  font-size: 18px;
  font-weight: bold;
}

/*  hover 交互效果 */
.service:hover img {
  transform: scale(1.05); /* 图片稍微放大 */
}

.service:hover .content {
  background: rgba(0, 0, 0, 0.75); /* 遮罩加深 */
}

.service:hover .line {
  transform: rotate(90deg); /* 线条旋转 */
}



/*------猎头介绍Swiper ------*/
.headhunter-swiper .swiper-container {
      width: 100%;
    }
	.headhunter-swiper .swiper-wrapper{
	  /* 通过改变animation-timing-function 制作弹性切换效果 */
		    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
		}
   .headhunter-swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .headhunter-swiper {
        margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background: rgb(255, 255, 255);
    padding: 0.4rem;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(221, 84, 87);
    border-image: initial;
}

.headhunter-swiper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.headhunter-swiper .swiper-slide>.u-img {
    /*> .u-img直接子元素*/
    width: 3.3rem;
    height: 4.35rem;
    border-radius: 10px;
}

.headhunter-swiper .swiper-slide>.u-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.headhunter-swiper .swiper-slide .u-info-box {
    width: 9.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.headhunter-swiper .swiper-slide .u-info-box .u-top-tit {
    display: flex;
    justify-content: space-between;
}

.headhunter-swiper .swiper-slide .u-info-box .u-top-tit .left-box {
    width: 88%;
}

.headhunter-swiper .swiper-slide .u-info-box .u-top-tit .u-name {
    font-size: 0.23rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 0.32rem;
    margin-bottom: 0.13rem;
    justify-self: flex-start;
}

.headhunter-swiper .swiper-slide .u-info-box .u-top-tit .label {
    font-size: 0.165rem;
    color: rgb(102, 102, 102);
    line-height: 0.29rem;
    text-align: start;
    justify-self: flex-start;
}

.headhunter-swiper .swiper-slide .u-info-box .u-top-tit .team_zx {
    font-size: 0.16rem;
    color: rgb(221, 44, 23);
}

.headhunter-swiper .swiper-slide .u-info-box i {
    display: block;
    width: 57px;
    height: 6px;
    background: rgb(221, 44, 23);
    margin: 0.35rem 0px 0.2rem;
}

.headhunter-swiper .swiper-slide .u-info-box .u-details {
    font-size: 0.143rem;
    line-height: 0.27rem;
    color: rgb(51, 51, 51);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 87%;
    text-align: justify;
    overflow: hidden;
}

.headhunter-swiper .swiper-slide .m-logo {
    -webkit-box-flex: 1;
    margin-top: 0.5rem;
    flex: 1 1 0%;
}

.headhunter-swiper .swiper-slide .m-logo h6 {
    font-size: 0.16rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
    justify-self: flex-start;
}

.headhunter-swiper .swiper-slide .m-logo ul {
    display: flex;
    margin-top: 0.3rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.headhunter-swiper .swiper-slide .m-logo ul li {
    display: block;
    width: 1.63rem;
    height: 0.9rem;
    box-shadow: rgb(238, 238, 238) 1px 1px 10px;
    overflow: hidden;
}

.headhunter-swiper .swiper-slide .m-logo ul li p {
    width: 100%;
    height: 100%;
}

.headhunter-swiper .swiper-slide .m-logo ul li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*---------预约---------*/

.cont-3 {
    background: url(../image/appoint.png) no-repeat 100% 100%;
    background-size: cover;
    padding: 0.5rem 0;
}

.cont-3 .area {
    max-width: 14.5rem;
    display: block;
    justify-content: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.cont-3 .index_title {
    margin-bottom: .32rem !important;
    font-size: .4rem;
}

.cont-3 .cont3-left,
.cont-3 .cont3-right {
    width: 48%;
}

/* 移除下拉框、输入框和按钮获得焦点时的默认外边框（outline） */
select,
input,
button {
    outline: none;
}

/* 移除输入框和文本域的默认边框 */
input,
textarea {
    border: none;
}

.cont-3 .cont3-left dl,
.cont-3 .cont3-right dl {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    position: relative;
}

.cont-3 .cont3-left dl dt,
.cont-3 .cont3-right dl dt {
    width: 8%;
    text-align: center;
}

/*给符号上色*/
.cont-3 .cont3-left dl dt .iconfont {
    color: #cd281f;
    font-size: .27rem;
    vertical-align: middle;
}

/* 符号后的小横线 */
.cont-3 .cont3-left dl dd::before,
.cont-3 .cont3-right dl dd::before {
    content: '';
    display: block;
    width: 1px;
    height: .22rem;
    background: #e5e5e5;
    position: absolute;
    left: -2px;
    top: 10px;
}

.cont-3 .cont3-left dl dd input {
    font-size: .14rem;
    width: 100%;
    padding: .15rem;
    border-radius: 10px;
}

.cont-3 .cont3-left dl dd,
.cont-3 .cont3-right dl dd {
    width: 91%;
    position: relative;
}

.cont-3 .cont3-left dl:nth-child(2) .iconfont {
    font-size: .35rem;
}

.cont-3 .cont3-left .special-box dl {
    width: 48.5%;
    margin-bottom: 0;
}

.cont-3 .cont3-left .special-box dl dt {
    width: 20%;
}

.cont-3 .cont3-left .special-box dl dt .iconfont {
    font-size: .25rem;
}

/* 将dl内部的子元素（<dt>和<dd>）在交叉轴上对齐到起始位置 */
.cont-3 .cont3-right dl {
    align-items: flex-start;
    margin-bottom: 0;
}

.cont-3 .cont3-right dl dt {
    margin-top: .12rem;
}

.cont-3 .cont3-right dl dt .iconfont {
    color: #cd281f;
    font-size: .22rem;
    vertical-align: middle;
}

.cont-3 .cont3-right dl dd textarea {
    width: 95%;
    border: none;
    resize: none;
    outline: none;
    font-size: .14rem;
    font-family: "微软雅黑";
    height: 1.46rem;
    margin-left: .1rem;
    margin-top: .1rem;
}

.cont-3 .index_link {
    margin-top: .4rem;
}

.index_link button {
    height: .56rem !important;
}

.index_link {
    width: 4.2rem;
    height: .56rem;
    text-align: center;
    line-height: .56rem;
    margin: 0 auto;
    margin-top: .6rem;
    background: #cd281f;
    border-radius: 50px;
    box-shadow: 1px 1px 10px #f69691;
}

.gw_fiexd .index_link2 button,
.index_link button {
    width: 100%;
    height: 45px;
    background: none;
    color: #fff;
    cursor: pointer;
    font-size: .2rem;
    border: none;
}

.cont-3 .error_box {
    text-align: center;
    color: #333;
    margin-top: .1rem;
    font-size: .142rem;
    line-height: .3rem;
}

/* 红色背景 */
.cont-3 .error_box .iconfont {
    color: #cd281f;
    font-size: .2rem;
    vertical-align: middle;
    margin-right: 0;
}

.cont-item-container .cont4-item:hover p {
    color: #f67754 !important;
}

/*------- 高薪岗位----------- */

.cont-4 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 14.5rem;
    position: relative;
    padding: .8rem 0;
}

/*标题行样式：渐变色背景*/
.cont-4 .cont4-list .cont4-title {
    display: flex;
    justify-content: space-between;
    height: 0.65rem;
    background: linear-gradient(90deg, #cd281f 0%, #e66932 100%);
    border-radius: 0.2rem 0.2rem 0rem 0rem;
}

.cont-4 .cont4-list .cont4-title p {
    width: 18%;
    padding: 0 0.3rem;
    font-size: 0.2rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.65rem;
    /*使文字垂直居中（与容器高度一致）*/
}

.cont-4 .cont4-list .cont-item-container .cont4-item .active {
    color: #f67754;
    font-weight: bold;
}

.cont-4 .cont4-list .cont-item-container .cont4-item {
    display: flex;
    justify-content: space-between;
}

.cont-4 .cont4-list .cont-item-container .cont4-item:nth-child(odd)

/*匹配父元素的奇数位置子元素*/
    {
    background: linear-gradient(274deg, #fdf5f4 0%, #fef7f4 100%);
}

.cont-4 .cont4-list .cont-item-container .cont4-item p {
    width: 18%;
    padding: 0 0.3rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #515151;
    line-height: 0.65rem;
    overflow: hidden;
    /*超出容器的内容隐藏*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_link a {
    font-size: .2rem;
    color: #fff;
    display: block;
}


/*-------- 成功案例 ----------*/

.home-high-box {
    width: 100%;
    background: url(../image/case_bg.png) no-repeat 100% 100%;
    background-size: cover;
    display: block;
}

.home-high-box .area {
    max-width: 14.5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}

.home-high-box .home-high-con .home-high-list {
    width: 14.5rem;
    display: flex;
    /* justify-content: space-between; */
    margin: 0.65rem 0 .1rem 0;
}

.list-left-out {
    overflow: hidden;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    margin-right: 0.5rem;
}

.list-left {
    overflow-y: scroll;
    width: 2.59rem;
    height: 5.7rem;
    box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(103, 103, 103, 0.07);
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    background-image: linear-gradient(90deg, #cd281f, #e66932);
    padding: .2rem 0;
}


.list-left .item {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0.5rem;
    /* border-bottom: 0.01rem solid #7070701a; */
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    color: #fff;
    /* box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(103, 103, 103, 0.07); */
}

.list-left .active,
.list-left .item:hover {
    background: #ffebca;
    color: #cd281f !important;
}

.list-right {
    width: 11.31rem;
    height: 5.7rem;
    padding: 0 0.25rem 0.25rem 0.25rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(103, 103, 103, 0.07);
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.list-right .title {
    display: flex;
    justify-content: space-between;
    margin: .35rem 0 .1rem 0;
}

.list-right .title .com {
    width: 24%;
}

.list-right .title p {
    width: 15%;
    padding: 0 0.35rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #515151;
}

.list-right .title p i {
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    margin-right: 0.1rem;
    border-radius: 50%;
    background: linear-gradient(133deg, #e66932 0%, #cd281f 100%);
    box-shadow: 0rem 0.02rem 0.03rem 0.01rem rgba(221, 44, 24, 0.19);
}

.list-right .title .job {
    width: 24%;
}

.list-right .title .state {
    width: 16%;
}

.list-right .list-right-content {
    display: none;
    flex-direction: column;
}

.list-right .item:nth-child(odd) {
    background: transparent;
}

.list-right .item .active {
    display: flex;
}

.list-right .item {
    display: flex;
    justify-content: space-between;
    height: 0.47rem;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
}

.list-right .item .com {
    width: 24%;
}

.list-right .item p {
    width: 15%;
    padding: 0 0.3rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 0.47rem;
}

.elli1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-right .item .job {
    width: 24%;
}

.list-right .item .state {
    display: flex;
    align-items: center;
    width: 16%;
    color: #F35D14;
}

.list-right .item .u-img {
    width: 0.26rem;
    height: 0.26rem;
    margin-right: 0.12rem;
}

.u-img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}


/*------猎头介绍------*/
.corps-box {
    background-color: #f8f8f8;
    padding-top: 0.8rem;
    padding-bottom: 1.05rem;
    position: relative;
}

.corps-box::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 4rem;
    background: url(../image/corpsbg.png) no-repeat center / cover;
}

.corps-box .m-title {
    position: relative;
    z-index: 2;
}

.m-title .u-tit {
    color: #393939;
    font-size: 0.42rem;
    line-height: 0.5rem;
    text-align: center;
    font-weight: bold;
}

.corps-box .corps-con .right-column {
    overflow: hidden;
    margin-bottom: .4rem;
    position: relative;
}

.corps-box .corps-con {
    width: 14rem;
    margin: 0.6rem auto 0;
    position: relative;
    z-index: 2;
}

.corps-box .corps-con .right-column .swiper-slide {
    position: relative;
    padding: .3rem;
    cursor: pointer;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    justify-items: center;
    width: calc(20% - 16px) !important;
}


.corps-box .corps-con .right-column .swiper-slide .m-img {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    margin: 0 auto;
}

.corps-box .corps-con .right-column .swiper-slide .m-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 50%;
}

.corps-box .corps-con .right-column .swiper-slide .m-text h5 {
    font-size: .19rem;
    color: #010101;
    margin: .17rem 0 .1rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.corps-box .corps-con .right-column .swiper-slide .m-text .label {
    font-size: .14rem;
    color: #666666;
    line-height: .23rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .42rem;
}

.corps-box .corps-con .right-column .swiper-slide .online-zx {
    display: block;
    width: 1.4rem;
    height: .35rem;
    margin: 0 auto;
    text-align: center;
    line-height: .35rem;
    color: #cd281f;
    font-size: .16rem;
    border-radius: 50px;
    background: none;
    border: 1px solid #cd281f;
    margin-top: .16rem;
}

.corps-box .corps-con .right-column .swiper-slide.active .online-zx {
    color: rgb(255, 255, 255);
    background: rgb(205, 40, 31);
}

.corps-box .corps-con div {
    opacity: 1;
}

.corps-box .corps-con .swiper-button-prev,
.corps-box .corps-con .swiper-button-next,
.corps-box .corps-con .swiper-button-next4,
.corps-box .corps-con .swiper-button-prev4 {
    width: 0.49rem;
    height: 0.49rem;
    border-radius: 50%;
    position: initial;
    background-image: url(../image/icon.png);
    background-repeat: no-repeat;
    background-size: 3rem;
    background-position: -2.35rem 0;
    outline: none;
    border: 0.01rem solid #fff;
    box-sizing: content-box;
}

.corps-box .corps-con .swiper-button-prev,
.corps-box .corps-con .swiper-button-prev4 {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.24rem;
}

.corps-box .corps-con .swiper-button-next,
.corps-box .corps-con .swiper-button-next4 {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.24rem;
}

.corps-box .corps-con .swiper-button-disabled {
    border: unset;
}

.corps-box .corps-con .swiper-button-prev::after,
.corps-box .corps-con .swiper-button-next::after,
.corps-box .corps-con .swiper-button-next4::after,
.corps-box .corps-con .swiper-button-prev4::after {
    display: none;
}

.corps-box .corps-con .swiper-button-prev.swiper-button-disabled,
.corps-box .corps-con .swiper-button-next.swiper-button-disabled,
.corps-box .corps-con .swiper-button-next4.swiper-button-disabled,
.corps-box .corps-con .swiper-button-prev4.swiper-button-disabled {
    background-position: -1.86rem 0;
}

.corps-box .corps-con .swiper-button-prev,
.corps-box .corps-con .swiper-button-prev4 {
    /* -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); */
    transform: rotate(180deg);
}

/*mySwiper4*/
.corps-box .corps-con .left-column {
    background: rgb(255, 255, 255);
    padding: 0.4rem;
    margin: 0px;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(221, 84, 87);
    border-image: initial;
}

.corps-box .corps-con .left-column .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.corps-box .corps-con .left-column .swiper-slide>.u-img {
    /*> .u-img直接子元素*/
    width: 3.3rem;
    height: 4.35rem;
    border-radius: 10px;
}

.corps-box .corps-con .left-column .swiper-slide>.u-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.corps-box .corps-con .left-column .swiper-slide .u-info-box {
    width: 9.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.corps-box .corps-con .left-column .swiper-slide .u-info-box .u-top-tit {
    display: flex;
    justify-content: space-between;
}

.corps-box .corps-con .left-column .swiper-slide .u-info-box .u-top-tit .left-box {
    width: 88%;
}

.corps-box .corps-con .left-column .swiper-slide .u-info-box .u-top-tit .u-name {
    font-size: 0.23rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 0.32rem;
    margin-bottom: 0.13rem;
    justify-self: flex-start;
}

.corps-box .corps-con .left-column .swiper-slide .u-info-box .u-top-tit .label {
    font-size: 0.165rem;
    color: rgb(102, 102, 102);
    line-height: 0.29rem;
    text-align: start;
    justify-self: flex-start;
}

.corps-box .corps-con .left-column .swiper-slide .u-info-box .u-top-tit .team_zx {
    font-size: 0.16rem;
    color: rgb(221, 44, 23);
}

.corps-box .corps-con .left-column .swiper-slide .u-info-box i {
    display: block;
    width: 57px;
    height: 6px;
    background: rgb(221, 44, 23);
    margin: 0.35rem 0px 0.2rem;
}

.corps-box .corps-con .left-column .swiper-slide .u-info-box .u-details {
    font-size: 0.143rem;
    line-height: 0.27rem;
    color: rgb(51, 51, 51);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 87%;
    text-align: justify;
    overflow: hidden;
}

.corps-box .corps-con .left-column .swiper-slide .m-logo {
    -webkit-box-flex: 1;
    margin-top: 0.5rem;
    flex: 1 1 0%;
}

.corps-box .corps-con .left-column .swiper-slide .m-logo h6 {
    font-size: 0.16rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
    justify-self: flex-start;
}

.corps-box .corps-con .left-column .swiper-slide .m-logo ul {
    display: flex;
    margin-top: 0.3rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.corps-box .corps-con .left-column .swiper-slide .m-logo ul li {
    display: block;
    width: 1.63rem;
    height: 0.9rem;
    box-shadow: rgb(238, 238, 238) 1px 1px 10px;
    overflow: hidden;
}

.corps-box .corps-con .left-column .swiper-slide .m-logo ul li p {
    width: 100%;
    height: 100%;
}

.corps-box .corps-con .left-column .swiper-slide .m-logo ul li img {
    margin-left: 20px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/*--------合作伙伴---------*/
.cooperation-box {
    background: url(../image/case_bg.png) no-repeat 100% 100%;
    background-size: cover;
    display: flex;
    justify-content: center;
}

.cooperation-box .area {
    max-width: 14.5rem;
    display: block;
}

.cooperation-box .m-title {
    position: relative;
    z-index: 10;
}

.m-title .u-tit {
    color: #393939;
    font-size: 0.42rem;
    line-height: 0.5rem;
    text-align: center;
    font-weight: bold;
}

.cooperation-box .cooperation-con {
    position: relative;
    z-index: 10;
    overflow: hidden;
    margin-top: 0.45rem;
    justify-content: center;
}

.cooperation-box .cooperation-con ul {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: .12rem;
}

.cooperation-box .cooperation-con ul li {
    height: .7rem;
    border-radius: 10px;
    border: 1px solid #fff;
    overflow: hidden;
    background: #fff;
}

.cooperation-box .cooperation-con ul li img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
    transition: .4s;
}

/* -------地图------*/
.contactUs-box {
    padding-top: 0.9rem;
    display: block;
    justify-items: center;
}

.contactUs-box .area {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contactUs-box .area .m-title {
    display: block;
}

.contactUs-box .contact-con {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem .7rem 1rem;
}

.contactUs-box .contact-con .left .index_map_container {
    width: 100%;
    position: relative;
}

.contactUs-box .contact-con .left .index_map_container img {
    width: 100%;
    display: block;
}

.contactUs-box .contact-con .left {
    width: 100%;
    margin-top: -.7rem;
}

#index_map_circle1 {
    position: absolute;
    left: .4rem;
    top: 1.4rem;
}

#index_map_circle2 {
    position: absolute;
    left: 2.85rem;
    top: .52rem;
}

#index_map_circle3 {
    position: absolute;
    left: 8rem;
    top: 2rem;
}

#index_map_circle4 {
    position: absolute;
    left: 2.5rem;
    top: 2.8rem;
}

#index_map_circle5 {
    position: absolute;
    left: 3.6rem;
    top: 2.1rem;
}

#index_map_circle6 {
    position: absolute;
    right: 5.8rem;
    bottom: 1.7rem;
}

#index_map_circle7 {
    position: absolute;
    right: 2.94rem;
    top: 1.2rem;
}

#index_map_circle8 {
    position: absolute;
    right: 0.8rem;
    top: 1.4rem;
}

#index_map_circle9 {
    position: absolute;
    right: 1.7rem;
    bottom: 1.4rem;
}

#index_map_circle10 {
    position: absolute;
    right: 2.3rem;
    bottom: 2.35rem;
}

/*动画关键帧，主要用于创建元素从正常状态逐渐放大并淡出的视觉效果*/
@keyframes myfirst {
    0% {
        transform: scale(1);
        /* 初始大小：保持原尺寸 */
        -webkit-transform: scale(1);
        /* 兼容 Safari 等浏览器 */
        opacity: 1;
        /* 完全不透明 */
        -webkit-opacity: 1;
        /* 兼容旧版 Safari */
    }

    100% {
        transform: scale(5);
        /* 最终大小：放大到原始尺寸的5倍 */
        -webkit-transform: scale(5);
        /* 兼容 Safari */
        opacity: 0;
        /* 完全透明（淡出） */
        -webkit-opacity: 0;
        /* 兼容旧版 Safari */
    }
}

.index_map_container .content>div {
    position: relative;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #cd281f;
}

.index_map_container .content>div p {
    border: .01rem solid #cd281f;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    animation: myfirst 2s infinite;
    /* box-shadow: 0px 0px .01rem #cd281f; */
    position: absolute;
}

.index_map_container .content>div span {
    position: absolute;
    display: block;
    border: .01rem solid #cd281f;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    animation: myfirst 2s infinite;
    box-shadow: 0px 0px 1px #cd281f;
    animation-delay: 0.5s;
}

.contactUs-box .contact-con .right .contact-right-box {
    position: relative;
}

.contactUs-box .contact-con .right {
    display: flex;
    width: 33%;
}

.contactUs-box .contact-con .right .contact-right-box .contact-top {
    position: absolute;
    z-index: 1;
    top: -0.78rem;
    width: 3.1rem;
    height: 0.8rem;
    background: #f0f0f0;
    box-shadow: 0rem 0.08rem 0.2rem 0.01rem rgba(227, 227, 227, 0.91);
    border-radius: 0.2rem 0.2rem 0 0;
    text-align: center;
    line-height: .8rem;
    display: flex;
}


.contactUs-box .contact-con .right .contact-right-box .contact-top h5.active {
    background: #cd281f;
    color: #fff;
    border-radius: 0 0.2rem 0 0.2rem;
}

.contactUs-box .contact-con .right .contact-right-box .contact-top h5 {
    width: 50%;
    font-size: 0.22rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.contactUs-box .contact-con .right .contact-right-box .contact-bottom {
    width: 100%;
    height: 3.28rem;
    overflow-y: hidden;
    background: linear-gradient(0deg, #FFFFFF 0%, #F4F4F4 100%);
    box-shadow: 0rem 0.08rem 0.2rem 0.01rem rgba(227, 227, 227, 0.91);
    border-radius: 0 0.2rem 0.2rem 0.2rem;
    opacity: 1;
    border: 0.02rem solid #FFFFFF;
}

.contactUs-box .contact-con .right .contact-right-box .contact-bottom-list {
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    height: 100%;
    padding: 0.27rem 0.2rem 0.26rem 0.2rem;
    overflow-y: scroll;
}

.contactUs-box .contact-con .right .contact-right-box .contact-bottom .item {
    transition: 0.2s;
    width: 0.82rem;
    height: 0.48rem;
    margin: 0 0.04rem 0.08rem 0;
    box-shadow: inset 0rem 0.03rem 0.06rem 0.01rem transparent;
    border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
    border: 0.02rem solid transparent;
    text-align: center;
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #434343;
    line-height: 0.48rem;
}

.contactUs-box .contact-con .right .contact-right-box .contact-bottom .active,
.contactUs-box .contact-con .right .contact-right-box .contact-bottom .item:hover {
    box-shadow: inset 0rem 0.03rem 0.06rem 0.01rem rgba(205, 40, 31, 0.23);
    border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
    border: 0.02rem solid rgba(205, 40, 31, 0.23);
    margin: 0 0.04rem 0.08rem 0;
    font-weight: bold;
    color: #cd281f;
}

/*------- 新闻 ----------*/
.cont-9 {
    background: #f7f7f7;
    justify-items: center;
}

.cont-9 .cont-9-area {
    max-width: 14.5rem;
    display: block;

}

.cont-9 .area .index_title {
    font-size: .44rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: .45rem;
    display: block;
}

.cont-9 .cont9-container {
    border-radius: .2rem;
    padding: .4rem;
    background: #fff;
}

.cont-9 .cont9-left {
    width: 47%;
    height: 4.1rem;
    position: relative;
}

.cont-9 .cont9-left .swiper-container .swiper-slide {
    position: relative;
    height: 4.1rem;
    width: 100%;
    border-radius: 10px;
    text-align: start;
}

.cont-9 .cont9-left .swiper-container .swiper-slide .cont9_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.cont-9 .cont9-left .swiper-container .swiper-slide .cont9_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
    border-radius: 10px;
}

.cont-9 .cont9-left .cont9_title {
    width: 100%;
    background: rgba(0, 0, 0, 0.74);
    height: .6rem;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: .6rem;
    color: #fff;
    font-size: .162rem;
    padding: 0 2rem 0 .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.cont-9 .cont9-left .swiper-pagination {
    position: absolute;
    right: .3rem;
    left: auto;
    bottom: .2rem;
    width: 10%;
}

.cont-9 .cont9-left .swiper-pagination .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    background: #fff !important;
    margin-right: .06rem;
    opacity: 1 !important;
}

.cont-9 .cont9-left .swiper-pagination .swiper-pagination-bullet-active {
    background: #cd281f !important;
}

.cont-9 .cont9-right {
    width: 49%;
}

.cont-9 .cont9_R_title {
    margin-bottom: .55rem;
}

.cont-9 .cont9_R_title .cont9_r_tab {
    width: 68%;
    display: flex;
    justify-content: space-between;
}

.cont-9 .cont9_R_title .cont9_r_tab a.active,
.cont-9 .cont9_R_title .cont9_r_tab a:hover {
    color: #000;
    font-weight: bold;
}


.cont-9 .cont9_R_title .cont9_r_tab a {
    font-size: .2rem;
    color: #999999;
    position: relative;
}

.cont-9 .cont9_R_title .cont9_r_tab a.active::before,
.cont-9 .cont9_R_title .cont9_r_tab a:hover::before {
    opacity: 1;
}

.cont-9 .cont9_R_title .cont9_r_tab a::before {
    content: '';
    display: block;
    width: .52rem;
    height: .06rem;
    background: #cd281f;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    margin-left: -.26rem;
    bottom: -15px;
    opacity: 0;
}

.cont-9 .cont9-right .cont9_RList_item dl:first-child a {
    padding-top: 0;
}

.cont-9 .cont9-right .cont9_RList_item dl a {
    display: block;
    padding: .22rem 0;
    border-bottom: .01rem solid #e5e5e5;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.cont-9 .cont9-right .cont9_RList_item dl a::before {
    content: '';
    display: block;
    width: 0;
    height: .01rem;
    background: #cd281f;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .4s;
}

.cont-9 .cont9-right .cont9_RList_item dl a dt {
    width: 75%;
    display: flex;
}

.cont-9 .cont9-right .cont9_RList_item dl a dt i {
    display: block;
    width: .36rem;
    height: .17rem;
    font-size: .14rem;
    background: #cd281f;
    color: #fff;
    line-height: .17rem;
    text-align: center;
    font-style: normal;
    margin-top: .05rem;
}

.cont-9 .cont9-right .cont9_RList_item dl a dt .cont9_item_title {
    width: 83%;
    margin-left: 4%;
}

.cont-9 .cont9-right .cont9_RList_item dl a dt h5 {
    font-size: .165rem;
    color: #333;
    font-weight: normal;
    transition: .4s;
}

.cont-9 .cont9-right .cont9_RList_item dl a dt p {
    font-size: .14rem;
    color: #999999;
    margin-top: .05rem;
}

.cont-9 .cont9-right .cont9_RList_item dl dd {
    font-size: .14rem;
    color: #999999;
}

.cont-9 .cont9-right .cont9_RList_item dl a dt h5,
.cont-9 .cont9-right .cont9_RList_item dl a dt p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*-- 底部数字滚动 --*/
.szgd_B_box {
    width: 100%;
    background: url(../image/szgd_bg.png) no-repeat 100% 100%;
    background-size: cover;
    padding: .22rem 0 .26rem 0;
}

.szgd_B_box .area {
    max-width: 14.50rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}


.szgd_B_digital .digital {
    margin-top: 0;
}

.szgd_B_digital .digital {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: .2rem;
}

.szgd_B_digital .digital li {
    color: #fff;
    width: 25%;
}

.szgd_B_digital .digital li .iconfont {
    font-size: .35rem;
}

.szgd_B_digital .digital li h5 {
    display: block;
    height: .5rem;
    line-height: .5rem;
    font-weight: normal !important;
}

.icon-rendingnianfen:before {
    content: "\e787";
}

.szgd_B_digital .digital li p {
    color: #fff;
}

.szgd_B_digital .digital li strong {
    font-style: normal;
    font-weight: bold;
}

.footer-box {
    background: #f8f8f8;
}

.switch {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.switch-item {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
}

.switch-item .box {
    height: auto;
    width: 14.5rem;
    position: relative;
    display: flex;
    /* height: 1.02rem; */
    /* height: 1.75rem; */
    padding: 0.17rem 0;
    background-color: #f8f8f8;
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #BDBDBD;
    border-top: 0.01rem solid #e5e5e5;
}

.item-left {
    margin-right: 0.4rem;
    width: 7%;
    margin-top: .17rem;
}

.item-left .item {
    width: fit-content;
    color: #333;
    font-weight: bold;
    padding-bottom: 0.14rem;
}

.item-right .item:hover {
    color: #DD2C17;
}

.item-right {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    /* align-content: baseline; */
    width: 95%;
    font-size: .143rem;
}

.item-right .item {
    color: #333;
    margin-right: 0.26rem;
    line-height: 0.27rem;
    height: 0.27rem;
}

.item-btn-open {
    cursor: pointer;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -0.01rem;
    right: 0.01rem;
    width: 0.23rem;
    height: 0.23rem;
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
    background: #f8f8f8;
    border: 0.01rem solid #707070;
    /* border-bottom: 0.01rem solid transparent; */
}

.item-btn-open i {
    width: 0;
    height: 0;
    border: 0.06rem solid transparent;
    border-bottom-color: #DD2C18;
    transform: translateY(-0.05rem);
}

.item-btn-close {
    cursor: pointer;
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-0.23rem);
    top: -0.01rem;
    right: 0.01rem;
    width: 0.23rem;
    height: 0.23rem;
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
    background: #DD2C18;
    border: 0.01rem solid #DD2C18;
    border-bottom: 0.01rem solid transparent;
}

.item-btn-close i {
    width: 0;
    height: 0;
    border: 0.06rem solid transparent;
    border-top-color: #fff;
    transform: translateY(0.05rem);
}

.footer-box .footer-con .footer-cs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.01rem solid #e5e5e5;
    border-top: 0.01rem solid #e5e5e5;
    padding: .18rem 0;
    justify-items: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.footer-box .footer-con .footer-cs .footer-logo img {
    width: 3.16rem;
    height: auto;
}

.footer-box .footer-con .footer-cs .footer-city-fenbu {
    width: 75%;
    margin-left: .5rem;
    overflow: hidden;
}

.footer-box .footer-con .footer-cs .footer-city-fenbu a {
    display: inline-block;
    font-size: .143rem;
    width: 5.5%;
    float: left;
}

.footer-box .footer-bottom {
    border-bottom: 0.01rem solid #e5e5e5;
    padding: .24rem 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.footer-bottom .footer-nav {
    width: 80%;
}

.footer-bottom h5 {
    font-size: .16rem;
    color: #333;
    font-weight: bold;
    margin-bottom: .16rem;
}

.footer-box .footer-con .footer-cs .footer-city-fenbu a:hover {
    color: #cd281f;
}

.footer-bottom .footer-nav .title {
    font-size: .142rem;
    font-weight: bold;
}

.footer-bottom .footer-nav .ul li a {
    font-size: .142rem;
    color: #666666;
}

.footer-bottom .footer-nav .ul li:first-child {
    display: none;
}

.footer-bottom .footer-nav .ul li {
    margin-top: .05rem;
}

.footer-bottom .footer-nav .ul li a:hover {
    color: #cd281f !important;
}

.footer-bottom .footer-contact {
    width: 22%;
    left: 50%;
    margin-right: 40%;
}

.footer-contact h5 {
    font-size: .16rem;
    color: #333;
    font-weight: bold;
    margin-bottom: .16rem;
}


.footer-bottom .footer-contact dl {
    width: .99rem;
    height: auto;
    text-align: center;
}

.footer-bottom .footer-contact dl img {
    width: 100%;
    height: auto;
}

.footer-bottom .footer-contact dl dd {
    font-size: .142rem;
}

.footer-bottom .footer-contact-list {
    margin-top: .5rem;
}

.footer-bottom .footer-contact-list li a {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.footer-bottom .footer-contact-list li {
    border: .001rem solid #d7d7d7;
    border-radius: 50px;
    /* width: 1.27rem; */
    padding: .07rem .2rem .07rem .2rem;
    margin-top: .17rem;
}

.footer-bottom .footer-contact-list li a p {
    font-size: .14rem;
    margin-left: .1rem;
    color: #666;
}

.footer-bottom .footer-contact-list li a .iconfont {
    width: .3rem;
    height: .3rem;
    background: #cd281f;
    color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
}

.icon-fuwu_o:before {
    content: "\ebbe";
}

.icon-jiaruwomen:before {
    content: "\e63a";
}

.icon-hezuo:before {
    content: "\e63b";
}

/*------版权、备案号------*/
 .copyright {
    justify-self:center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}

 .copyright .m-text {
    padding: 0.15rem 0 0.2rem;
    color: #999;
}
 .copyright .m-text p {
    font-size: 0.13rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
    line-height: 0.24rem;
    opacity: 0.45;
}

 .copyright .m-text a {
    color: #999;
}

 .copyright .m-text p {
    font-size: 0.13rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
    line-height: 0.24rem;
    opacity: 0.45;
}

 .btn-top {
    width: 0.49rem;
    height: 0.49rem;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
}   